<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
  .nav3 a{
    display: inline-block;
    background-color: pink;
    width: 96px;
    height: 96px;
    text-align: center;
    line-height: 85   px;
    text-decoration: none;
    color: skyblue;
  }
  .nav3 .bg1{
    background: url("../img/message.png") no-repeat;
  }
</style>
<body>
<div class="nav3">
  <a href="#" class="bg1">五彩斑斓</a>
  <a href="#">五彩斑斓</a>
  <a href="#">五彩斑斓</a>
  <a href="#">五彩斑斓</a>
  <a href="#">五彩斑斓</a>
</div>
</body>
</html>
